

<include file="public@header"/>

<hook name="admin_before_head_end"/>
</head>
<body>

<style>

    .headbox{
        width: 1000px;height: 200px;display: flex;
        align-items: center;margin-left: 50px;
    }
    .headbox1{
        width: 180px;height: 100px;border-radius: 10px;box-shadow:4px 4px 10px 0px rgba(50, 50, 50, 0.28);
        margin-right: 40px;
    }
    .headbox_t{
        width:  180px;height: 40px;line-height: 40px;text-indent: 10px;font-size: 14px;color: #747474;
    }
    .headbox_b{
        width: 180px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;color: #666666;

    }
</style>

<div class="headbox">

    <div class="headbox1">
        <div class="headbox_t">总用户数</div>
        <div class="headbox_b"> {$user}</div>
    </div>

    <div class="headbox1">
        <div class="headbox_t">总项目</div>
        <div class="headbox_b"> {$all}</div>
    </div>

    <div class="headbox1">
        <div class="headbox_t">总报单</div>
        <div class="headbox_b"> {$count}</div>
    </div>
    <div class="headbox1">
        <div class="headbox_t">团队单</div>
        <div class="headbox_b"> {$tameorder}</div>
    </div>



</div>

<div style="margin-left: 50px">

    <div id="main" style="width: 1000px;height:500px;"></div>

</div>

<script src="__STATIC__/js/admin.js"></script>
<php>
    $lang_set=defined('LANG_SET')?LANG_SET:'';
    $thinkcmf_version=cmf_version();
</php>

<hook name="admin_before_body_end"/>

<script>



    var chartDom = document.getElementById('main');
    var myChart = echarts.init(chartDom);
    var option;
    var url="{:url('main/useradd')}";


    $.ajax({
        url:url,
        data:'',
        type:'post',
        dataType:'json',
        success:function (ret){


            option = {
                xAxis: {
                    type: 'category',
                    data: ['7', '6', '5', '4', '3', '2', '1']
                },
                yAxis: {
                    type: 'value'
                },
                title: {
                    text: '近7日用户增'
                },
                series: [
                    {
                        data: ret,
                        type: 'line',
                        smooth: true
                    }
                ]
            };

            option && myChart.setOption(option);
        }
    })



</script>
</body>
</html>